<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" href="css/my_base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/select.css">
    <link rel="stylesheet" href="css/double-date.css">
    <link rel="stylesheet" type="text/css" href="css/dateRange.css" />
    <link rel="stylesheet" type="text/css" href="css/monthPicker.css" />
    <script src='script/jquery-2.0.3.js'></script>
    <script src='js/double-date.js'></script>
    <script src='script/jquery.htools.select.js'></script>
    <script type="text/javascript" src='script/echart.js'></script>
    <script type="text/javascript" src="script/dateRange.js"></script>
    <script type="text/javascript" src="script/monthPicker.js"></script>
    <script src='js/index.js'></script>
    <style>
.date_title,
.opt_sel{
    background: rgb(45, 56, 74);
}
.ta_date{
    border: 1px solid;
    border-color: rgb(45, 56, 74);
    background-image:none;
    box-shadow: none;
    border-radius: 0;
    }
    .ta_date .date_title{
    	color: #fff;
    }
    .ta_date .date_title{
    	border-right:1px solid transparent;
    }
    .ta_calendar_footer .frm_btn{
    	padding-bottom: 10px;
    }
    </style>
</head>
<script>

</script>
<body>
    <div class="main-box">
        <div class="main-box-content main06">
            <div class="alarm_box clearfix">
                <div class="_htools-selec-box fl">
                    <select id="alarms">
                        <option value="1">压力报警</option>
                        <option value="2">其他报警</option>
                    </select>
                </div>
                <ul class="fl time_months">
                    <li class="time_month nav-sub-active">本周</li>
                    <li class="time_month">本月</li>
                    <li class="time_month">三月内</li>
                	<li class="time_month" id="day_pick">日</li>
                </ul>
                <div class="fl double-pick">
                <div class="ta_date" id="div_date_demo3">
                    <span class="date_title" id="date_demo3"></span>
                    <a class="opt_sel" id="input_trigger_demo3" href="#">
                        <i class="i_orderd"></i>
                    </a>
                </div>
                <div id="datePicker"></div>
                </div>
                <script type="text/javascript">
                var dateRange = new pickerDateRange('date_demo3', {
                    // aRecent7Days : 'aRecent7DaysDemo3', //最近7天
                    isTodayValid: false,
                    defaultText: ' 至 ',
                    inputTrigger: 'input_trigger_demo3',
                    theme: 'ta',
                    success: function(obj) {
                        $("#dCon_demo3").html('开始时间 : ' + obj.startDate + '<br/>结束时间 : ' + obj.endDate);
                    }
                });
                </script>
                <div class="query_btn fl query_alarm">查 询</div>
            </div>
            <div class="alarm_amount_box">
                <div class="alarm_amount_title">本周报警总次数</div>
                <div class="alarm_amount_wrapper clearfix">
                    <div id="chart_alarm_pie" class="fl">
                    </div>
                    <div id="chart_alarm_line" class="fl"></div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2017-4-1</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">17</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2017-3-16</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span>是</span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">16</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过高</span></p>
                        <p>报警时间：<span>2017-3-10</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过高</span></p>
                        <p>报警现场处理人员：<span>侯利</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">15</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2017-3-1</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">14</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2017-2-16</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>赵斌凯</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">13</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过高</span></p>
                        <p>报警时间：<span>2017-2-10</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过高</span></p>
                        <p>报警现场处理人员：<span>王彪</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">12</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2017-1-25</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">11</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2017-1-5</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">10</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2016-12-25</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">9</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2016-12-15</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">8</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2016-12-11</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">7</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
            <div class="alarm_table_wrapper border_box">
                <div class="alarm_table clearfix">
                    <div class="alarm_table_whole fl">
                        <p>报警类型：<span>压力报警</span></p>
                        <p>报警原因：<span>压力过低</span></p>
                        <p>报警时间：<span>2016-12-11</span></p>
                    </div>
                    <div class="alarm_table_type fl">
                        <p>报警原因分析：<span>管网压力过低</span></p>
                        <p>报警现场处理人员：<span>张宁</span></p>
                        <p>是否去现场维护：<span></span></p>
                    </div>
                    <div class="alarm_table_equip fl">
                        <p>有无更换设备：<span>无</span></p>
                        <p>备注：<span>无</span></p>
                    </div>
                    <div class="alarm_table_orders fr">
                        <p class="serial_num">6</p>
                        <p class="send_order managed_active">派单</p>
                        <p class="conduct managed_active">已处理</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script src='js/chart_alarm.js'></script>
<script src='js/public.js'></script>
